/* 
    Document   : layout
    Created on : 20.11.2012, 11:30:05
    Author     : Juraj
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    width: 100%; margin: 0; padding: 0; font-family: Tahoma; font-size: 12px;
    background: #c3c3c3
}

#layout_1 {
    width: 100%; border-bottom: 0.3em solid #5A6571; background: #437DD4;
}

#layout_1 table {
    float: right; border-collapse: collapse; margin: 0 1%;  width: auto; height: 40px;
}

#layout_1 table a {
    color: black;
}

#layout_22 {
    width: 100%; height: auto; margin: 0; padding: 0; background: url('../images/body_bg.png') repeat-y white;
    background-size: 10% 100%;
}

#layout_221 {
    height: auto; margin: 0; padding: 0; float: left; width: 10%
}

#layout_222 {
    height: auto; margin: 0; padding: 0; float: left; width: 90%
}

#layout_223 {
    height: auto; margin: 0; padding: 0; float: left
}

#layout_3 {
    width: 100%; margin: 0; padding: 0;
}

#layout_3 form.loginForm, #layout_3 div.no_access {
    margin: 5% auto; padding: 10px; width: 300px; background: white; border: #5A6571 1px solid;
}

#layout_3 table.loginForm {
    padding: 0; border-collapse: collapse;
}

#layout_3 div.no_access {
    text-align: center;
}

h1 {
    font-size: 120%; margin: 0; padding: 0
}

h2 {
    font-size: 115%; margin: 0; padding: 0
}

h3 {
    font-size: 110%; margin: 0; padding: 0
}

.float-left{
    float: left
}

.clear {
    clear: both;
}

.bottom {
    vertical-align: bottom;
}
.middle {
    vertical-align: middle;
}
.top {
    vertical-align: top;
}

a.baseLink {
    color: #120873; text-decoration: underline;
}

a.baseLink:hover {
    color: #017890; text-decoration: underline;
}

.navigWrapper {
    padding: 5px;
}

.navigTools {
    margin: 10px 8px; border-top: 1px solid gray; font-size: 13px; padding: 10px 0;
}

.navigTools table {
    margin: 0; padding: 0; border-collapse: collapse; background: white;
}

.navigTools select {
    width: 100%; padding: 5px 0; border: 1px solid white;
}

.mainNavig {
    background: #E5E8ED; padding: 0; margin: 0; border: 0px solid black; border-collapse: separate  
}

.mainNavig td {
    background: #A2A9AF; padding: 0px; height: 30px; font-size: 14px; vertical-align: middle;border: 1px solid #5A6571;
}

.mainNavig td.empty {
    padding: 0; background: transparent; border: 0px solid #E5E8ED; height: 3px
}

.mainNavig td.tdleft {
    width: auto; 
}

.mainNavig td.tdcenter {
    padding: 0; background: transparent; border: 0px solid #E5E8ED; width: 3px;
}

.mainNavig td.tdright {
    width: 25px; text-align: center; font-weight: bold;
}

.mainNavig td a.mainNavigA {
    display: block; font-size: 14px; margin: 0; color: #000; text-decoration: none; border: 1px solid white; padding: 8px 3px;
}

.mainNavig td a.mainNavigA:hover {
    color: #5A6571;  border: 1px solid #E5E8ED
}

a img {
    border: 0px solid white;
}

table {
    border-collapse: collapse; width: 98%
}

td {
    vertical-align: top; padding: 1% 0;
}

.tableForm {
    margin: 1em
}

.tableForm td {
    padding-right: 1em; width: auto
}

.red {
    color: red;
}

.list {
    border: 1px solid #5A6571; margin: 1em;
}

.list th{
    background: #A2A9AF;
}

.list th, .list td {
    padding: 2px; height: auto; border: 1px solid #E5E8ED; text-align: center; vertical-align: middle
}

.list a.filterLink {
    color: black; text-decoration: none;
}

.list a.filterLink:hover {
    color: black; text-decoration: underline
}

.list a {
    color: inherit; text-decoration: none;
}

.list a:hover {
    color: inherit; text-decoration: underline;
}

.menu-list {
    margin: 3px 1em;
    background: #f9f9f9; padding: 5px; border: 1px solid #8A939D
}

.bgSpecial1 {
    background-color: #FFFFAA
}

.bgGray {
    background: #ededed;
}

.external {
    display: none;
}

#otherTable {
    display: none;
}

.submitRow {
    border: 1px #5A6571 solid; background: #437DD4
}

.pager {
    margin-right: 20px;
}

.pager a {
    color: #5A6571; padding-right: 3px;
}

.pager a.activePage {
    color: #437DD4; padding-right: 3px;
}

.pager a:hover {
    color: #8A939D;
}

.center {
    text-align: center;
}
.left-align {
    text-align: left;
}
.right-align {
    text-align: right;
}

.bgRed {
    background: #f47e85;
}

.bgRedTd {
    background: #df5d64;
}

.badPayer {
    background: #f47e85;
}

.bgOrange {
    background: #ffac64;
}

.bgOrangeTd {
    background: #ff9131;
}

.bgYellow {
    background: #ffe495;
}

.bgWhite {
    background: #ffffff;
}

.bgDark {
    background: #f3f3f3;
}

.bgSelected {
    background: #9cef6c !important;
}

#external {
    vertical-align: top; padding: 0;
}

#external table td {
    padding-left: 1em;
}

.phorum {
    margin: 0.5em 0;
}

.phorum td {
    padding: 3px; border: 1px solid gray; height: auto; vertical-align: top
}

.overlay {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgb(128,128,128);
    background-color: rgba(128,128,128, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3808080, endColorstr=#b3808080); /* Pre IE 5.5 až 7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3808080, endColorstr=#b3808080)";/* Pre IE 8 */
}

.editPostForm {
    background: white; border: 1px solid black; top: 10%; left: 25%; width: 50%; padding: 5%; position: absolute
}

.subNavig {
    margin: 0 1em; padding: 0.5em 1em; list-style-type: none; border: 1px solid #8A939D; border-top: 0 solid black; background: #E5E8ED;
}

.subNavig li {
    border: 1px solid black; width: auto; display: inline-block; background: #c3c3c3; padding: 1px
}

.subNavig li a {
    padding: 0.3em 0.5em; display: inline-block; color: black; text-decoration: none; background: white
}

.subNavig li a:hover {
    color: gray;
}

.hide {
    color: white;
}

.pageTitle {
    color: #5A6571; margin: 1em; padding-bottom: 1px; border-bottom: 1px solid #8A939D
}

.ajax_select_box {
    list-style-type: none;
    margin: 0; padding: 0;
    width: 200px;
}

.ajax_select_box li {
    height: 25px;
    margin: 0;
    border-top: 1px solid #A2A9AF;
    border-bottom: 1px solid #8A939D;
}

.ajax_select_box li input{ 
    border: 0px solid white;
    height: 25px; line-height: 25px; background: transparent; cursor: pointer; display: block
}

table.item {
    border: 1px solid #c3c3c3; width: 250px; height: 200px; float: left; margin-right: 5px; margin-bottom: 5px;
}
table.item td {
    padding: 2px;
}

#logo {
    float: left; margin: 0; padding: 0 10px; height: 40px; 
}

#footer {
    border-top: 0.3em solid #5A6571; width: 100%; height: 50px; background: #c3c3c3
}

.basicButton {
    height: 20px; line-height: 20px; background: #E5E8ED; margin-right: 5px; padding: 3px 5px; color: #000; border: 1px solid #5A6571; text-decoration: none; font-weight: bold;
}

.basicButton:hover {
    border: 1px solid #000;
}

.content {
    width: 100%;
}

.client-home {
    width: 100%; margin-bottom: 1%; height: auto; 
}

.client-home h1 {
    text-align: center; color: #066; font-size: 16px;
}

.client-home .left-home {
    width: 68.5%; float: left; margin-left: 1%; margin-right: 0.5%;
}

.client-home .right-home {
    width: 28.5%; float: left; margin-left: 0.5%; margin-right: 1%;
}

.client-home .full-home {
    width: 100%; margin: 0 1%;
}

.client-home .menu {
    margin: 1%;
}

.client-home .left-home .box-left {
    margin-bottom: 20px;
}

.client-home .right-home .box-right {
    margin-bottom: 20px;
}

.client-home .full-home div {
    padding: 5px;
}

.client-home .left-home .box-left div {
    padding: 5px;
}

.client-home .right-home .box-right div {
    padding: 5px;
}

.client-home .left-home .box-left div h4, .client-home .right-home .box-right div h4, .client-home .full-home div h4 {
    margin: 0; padding: 0; font-size: 12px; color: #066
}

.client-home .left-home .box-left div table{
    border-collapse: collapse;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.client-home .left-home .box-left div table th{
    border-bottom: 1px solid black; vertical-align: middle;
}
.client-home .left-home .box-left div table td{
    border-bottom: 1px solid #e9e9e9; vertical-align: middle; padding: 3px 0;
}

.client-home .full-home div table{
    border-collapse: collapse;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.client-home .full-home div table th{
    border-bottom: 1px solid black; vertical-align: middle;
}
.client-home .full-home div table td{
    border-bottom: 1px solid #e9e9e9; vertical-align: middle; padding: 3px 0;
}

.inlineForm {
    margin: 1em; border-collapse: collapse; 
}

.inlineForm th, .inlineForm td {
    padding: 0 2px;
}

.inlineForm th {
    border-bottom: 1px solid black;
}

.inlineFormTr {
    display: none;
}

.inlineForm .inlineFormTr td {
    text-align: center; vertical-align: middle
}

.inlineForm td input, .inlineForm td select {
    padding: 0; margin: 0;
}

.inlineForm .inlineFormShow td {
    border: 1px solid #E5E8ED;
    height: auto;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}

.reportsList {
    list-style-type: none; padding: 0; margin: 0 1em;
}

.reportsList li {
    padding: 5px 0; margin: 0;
}

.protocol-list {
    margin: 1em
}

.protocol-list td {
    height: auto; padding: 2px 10px 2px 2px;
}

#rentOverlay {
    position: fixed;
    height: 100px;
    max-height: 90%;
    top: 5%;
    left: 5%;
    display: none;
}

#rentOverlay #rentOverlayContent {
    background: white url('../images/ajax-loader.gif') no-repeat center center;
    width: auto;
    height: 98%;
    overflow: auto;
    border: 1px solid #232323;
}

.free_chars {
    font-size: 10px;
}